 
单独调试组件专用
 
<template>
  <div style="padding:0px;">
    <!-- <Swiper class="testswiper" dots loop style="height:500px">
      <SwiperItem @click="test1">1</SwiperItem>
      <SwiperItem @click="test2">2</SwiperItem>
      <SwiperItem @click="test3">3</SwiperItem>
    </Swiper>
    <Popup v-model="popup">
      <div style="height:100px;background:#fff">

      </div>
    </Popup>
    <Modal v-model="modal">
      <div style="height:100px;background:#fff">

      </div>
    </Modal>
 
    <button @click="modal=true">modal</button>
    <button @click="popup=true">popup</button>
    <button @click="drawer=true">drawer</button>
    <button @click="$Message.info('test')">message</button>
    <button @click="$Modal.show()">Modal</button> -->
  </div>

</template>

<script> 
export default {
  data() {
    return {
      modal: false,
      popup: false,
      drawer: false,
    }
  },
  mounted() {
    return

  },
  methods: {
    test3() {
     console.log('3')
    },
    test2() {
      // this.b = 3
      console.log('2')
    },
    test1() {
      // this.b = 3
      console.log('1')
    }
  }
}
</script>

